<template>
	<van-popup custom-style="background: transparent" :show="isShow">
		<view class="modal_main1">
			<!-- <image src="https://dy.sykj365.com/uploads/mini/youhuiquan3@2x.png" mode="widthFix"></image> -->
			<view class="modal_content">
				<view class="p_font_40">新人返现券</view>
				<view class="p_font_36 p_margin_t_28">最高返16元</view>
			</view>
			<view class="p_font_24 modal_bottom">注：单页文件和70g喷墨彩印不参与活动</view>
			<!-- <view class="modal_content">
				<view><text class="p_font_48">¥</text>{{detail.deduction_price}}</view>
				<view class="p_font_32">满{{detail.limitation_price}}元使用</view>
			</view>
			<view class="modal_btn" @click="$emit('getGain')">立即领取</view> -->
		</view>
		<image src="https://dy.sykj365.com/uploads/mini/cha2@2x.png" class="p_img_80" style="margin: 72rpx auto 0;"
			@click="$emit('getClose')"></image>
	</van-popup>
</template>

<script>
	export default {
		props: {
			isShow: {
				type: Boolean,
				default: false
			},
			detail: {
				type: Object,
				default: {}
			}
		}
	}
</script>

<style lang="less">
	.modal_main1 {
		position: relative;

		image {
			width: 622rpx;
			height: 665rpx;
		}
	}

	.modal_content {
		top: 100rpx;
		left: 120rpx;
		right: 120rpx;
		bottom: 0;
		position: absolute;
		text-align: center;

		view {
			color: #FF281A;

			&:first-child {
				// font-size: 128rpx;
				// line-height: 180rpx;
			}
		}
	}

	.modal_btn {
		left: 50%;
		bottom: 90rpx;
		position: absolute;
		transform: translateX(-50%);
		border-radius: 80rpx;
		background: linear-gradient(90deg, #FFF8EF 0%, #FEE0C0 100%);
		font-size: 40rpx;
		line-height: 80rpx;
		color: #FF1C12;
		width: 320rpx;
		text-align: center;
	}
	
	.modal_bottom {
		left: 120rpx;
		right: 120rpx;
		bottom: 90rpx;
		position: absolute;
		color: #FFD700;
	}
</style>
